<!-- 头部开始 -->
<div id="top">
	<div class="nav">
		<div class="left">
			<a href="#">小米网</a>
			<span>|</span>
			<a href="#">MIUI</a>
			<span>|</span>
			<a href="#">米聊</a>
			<span>|</span>
			<a href="#">游戏</a>
			<span>|</span>
			<a href="#">多看阅读</a>
			<span>|</span>
			<a href="#">云服务</a>
			<span>|</span>
			<a href="#">小米网移动版</a>
		</div>
		<div class="right">
			<if value='$_SESSION["u_username"]'>
				<a href="javascript:;">欢迎回来!</a>
				<span></span>
				<a href="{|U:'Login/index'}"><?php echo $_SESSION["u_username"] ?></a>
				<span>|</span>
				<a href="{|U:'Menber/index'}">个人中心</a>
				<span>|</span>
				<a href="{|U:'Login/out'}">退出</a>
			
			<else/>
				<a href="{|U:'Login/qq_login'}"><img src="__TEMPLATE__//images/login.png" alt="" /></a>
				<span>|</span>
				<a href="{|U:'Login/index'}">登录</a>
				<span>|</span>
				<a href="{|U:'Register/index'}">注册</a>
			</if>
		</div>
	</div>
	<div class="logo">
		<a href="__ROOT__"><img src="__TEMPLATE__/images/logo.png" alt="" /></a>
		
		<a class="action" href="">疯狂十一 100万台小米手机免预约购买 </a>
		<form action="" class="search">
			<input type="text" class="search-text" placeholder="搜索你需要的商品" />
			<a href="" class="fa fa-search btn" ></a>
		</form>
		<div class="cart">
			<div class="cart_section">
				<i class="fa fa-shopping-cart"></i>
				<a href="">购物车</a>
			</div>
			<div class="cart_list" style="display:none">
			</div>
			<input type="hidden" name="uid" value="{$hd.session.uid}" />
		</div>
	</div>
	<div class="menu">
		<div class="left <if value='$is_index eq 1'>menu_left1 <else/>menu_left </if> ">
			<h2>全部商品分类</h2>
			<i class="fa fa-angle-down fa-2x"></i>
			<ul class="list" <if value='$is_index eq 1'> style="display:block" </if>>
				<foreach from='$cateData' value='$v'>
					<if value="$v['pid'] eq 0" >
						<li class="one">
							<div class="box">
								<a class="category" href="{|U:'List/index',array('cid'=>$v[cid])}">{$v.cname}</a>
								<div class="box_down">
									<foreach from="$v['son']" key='$key' value='$value'>
										<if value="$key<3">
											<a href="{|U:'List/index',array('cid'=>$value[cid])}">{$value.cname}</a>
										</if>
									</foreach>
								</div>
								<!-- <div class="box_right" style="display:none">
									<ul>
										<li><a href=""><img src="__TEMPLATE__/images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
										<li><a href=""><img src="__TEMPLATE__/images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
										<li><a href=""><img src="__TEMPLATE__/images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
										<li><a href=""><img src="__TEMPLATE__/images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
										<li><a href=""><img src="__TEMPLATE__/images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
									</ul>
									<div class="other">
										<p>优选配件</p>
										<p><a href="">小米手环 79</a></p>
										<p><a href="">小米活塞耳机 99</a></p>
									</div>
								</div> -->
							</div>
						</li>
					</if>
				</foreach>
			</ul>
		</div>
		<div class="right menu_right">
			<ul>
				<li><a class="category" href="__ROOT__">首页</a></li>
				<li>
					<a class="category" href="javascript:;">小米手机</a>
					<div class="other" style="display:none" >
						<a class="other_chri" href="">
							<img src="__TEMPLATE__/images/mid-phone.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
						<a class="other_chri" href="">
							<img src="__TEMPLATE__/images/mid-phone-1.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
					</div>
				</li>
				<li>
					<a class="category" href="">红米</a>
					<div class="other" style="display:none">
						<a class="other_chri" href="">
							<img src="__TEMPLATE__/images/mid-phone-1.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
						<a class="other_chri" href="">
							<img src="__TEMPLATE__/images/mid-phone.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
					</div>
				</li>
				<li><a class="category" href="">小米平板</a></li>
				<li><a class="category" href="">小米电视</a></li>
				<li>
					<a class="category" href="">盒子</a>
					<div class="other" style="display:none">
						<a class="other_chri" href="">
							<img src="__TEMPLATE__/images/mid-phone.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
						<a class="other_chri" href="">
							<img src="__TEMPLATE__/images/mid-phone-1.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
					</div>
				</li>
				<li>
					<a class="category" href="">路由器</a>
					<div class="other" style="display:none">
						<a class="other_chri" href="">
							<img src="__TEMPLATE__/images/mid-phone-1.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
						<a class="other_chri" href="">
							<img src="__TEMPLATE__/images/mid-phone.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
					</div>
				</li>
				<li><a class="category" href="#">合约机</a></li>
				<li><a class="category" href="#">服务</a></li>
				<li><a class="category" href="#">社区</a></li>
			</ul>
		</div>
	</div>
</div>